<UserControl x:Class="Microsoft.EnhancedReminders.OutlookAddIn.NotificationRulesPropertyPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:properties="clr-namespace:Microsoft.EnhancedReminders.Properties" 
    xmlns:controls="clr-namespace:Microsoft.EnhancedReminders.OutlookAddIn;assembly=">

    <UserControl.Resources>
        <Thickness x:Key="SeparatorMargin">5,10,20,0</Thickness>
        <Thickness x:Key="SeparatorIconMargin">15,0,20,0</Thickness>
        <Style x:Key="SeparatorPlacement">
            <Setter Property="DockPanel.VerticalAlignment" Value="Top"/>
            <Setter Property="DockPanel.Margin" Value="3,8,0,0"/>
        </Style>
        <Style x:Key="SeparatorTextPlacement">
            <Setter Property="TextBlock.TextWrapping" Value="Wrap"/>
            <Setter Property="DockPanel.VerticalAlignment" Value="Top"/>
            <Setter Property="DockPanel.Margin" Value="5,3,0,0"/>
        </Style>

    </UserControl.Resources>

    <StackPanel>
        <DockPanel Margin="{DynamicResource SeparatorMargin}">
            <Label Content="{x:Static properties:Resources.ChannelsSeparator}"/>
            <Separator Style="{StaticResource SeparatorPlacement}"/>
        </DockPanel>

        <DockPanel Margin="{DynamicResource SeparatorIconMargin}">
            <Image Height="32" Width="32"  Source="..\Images\Channels.png"/>
            <TextBlock Style="{StaticResource SeparatorTextPlacement}" Text="{x:Static properties:Resources.PropertyPageChannelsLabel}"/>
        </DockPanel>
       
        <controls:ChannelControl x:Name="channelControl" Margin="50,10,20,0" />

        <DockPanel Margin="{DynamicResource SeparatorMargin}">
            <Label Content="{x:Static properties:Resources.PropertyPageRulesSeparator}"/>
            <Separator Style="{StaticResource SeparatorPlacement}" />
        </DockPanel>

        <DockPanel Margin="{DynamicResource SeparatorIconMargin}">
            <Image Height="32" Width="32"  Source="..\Images\Notifications.png"/>
            <TextBlock Style="{StaticResource SeparatorTextPlacement}" Text="{x:Static properties:Resources.PropertyPageRulesSeparatorLabel}"/>
            <Button Name="rulesButton" HorizontalAlignment="Right" Width="170" Height="25" Margin="5,0,0,0"
                    Content="{x:Static properties:Resources.PropertyPageRulesButton}" 
                    Click="OnRulesButtonClicked"/>
        </DockPanel>

    </StackPanel>

</UserControl>
